
// function fecth() {
//     let input1 = $("#input1").val();
//     let input2 = $("#input2").val();
//     console.log(input1)
//     console.log(input2)
//     $.ajax({
//         url:'',
//         method:'POST',
//         data:{
//             name:input1,
//             password:input2
//         },
//         success: (res) => {
//             console.log('res===>',res)
//         },
//         error: (err) => {
//             console.log('err===>',err)
//         }
//     })
// }

//  new Vue({
//     template:`
//     <div id="app" ref="box">
//     <div class="box" v-for="(item, index) in list" :key="index">
//         <img :src="item.active" />
//         <h4>{{ item.title }}</h4>
//     </div>
//     </div>
//     `,
//     data:{
//         list:[],
//         page:1,
//     },
//     created(){
//         this.show();
//     },
//     mounted () {
//         let box = this.$refs.box;
//         console.log(box)
//         box.onscroll = () => {
//             console.log('clientHeight',box.clientHeight)//可视区域高度
//             // console.log('scrollTop',box.scrollTop)//文档卷起高度
//             console.log('scrollHeight',box.scrollHeight)//文档总的高度
//             let clientHeight = box.clientHeight;
//             let scrollTop = box.scrollTop;
//             let scrollHeight = box.scrollHeight;
//             if(clientHeight + scrollTop >= scrollHeight) {
//                 this.page++;
//                 this.show();
//             }
//         }
//     },
//     methods:{
//         show(){
//             $.ajax({
//                 url:'http://localhost:3000/scroll',
//                 method:'POST',
//                 data:{
//                     page:this.page,
//                     size:5
//                 },
//                 success:( res ) => {
//                     if(this.page == 1){
//                         this.list = res.data;
//                     }
//                     else{
//                         this.list = this.list.concat(res.data)//拼接愿数组
//                         console.log(this.list)
//                     }
//                 },
//                 errror:( err ) => {
//                     console.log('err===>', err )
//                 }
//             })
//         },
        
//     }
// }).$mount('#app')